import type { PropsWithChildren } from 'react'
import type { NativeProps } from '../../utils/native-props'
import type { PopupBaseProps } from '../Popup'

export type CenterPopupProps = PopupBaseProps &
  PropsWithChildren<{
    /** These props currently are only used internally. They are not exported to users */
    role?: string
  }> &
  NativeProps<
    /** 背景色. default: --rt-color-background. globalvariable: --rt-center-popup-background-color */
    | '--background-color'
    /** 圆角. default: '8px'. globalvariable: --rt-center-popup-border-radius */
    | '--border-radius'
    /** 最大宽度. default: '75vw'. globalvariable: --rt-center-popup-max-width */
    | '--max-width'
    /** 最小宽度. default: '250px'. globalvariable: --rt-center-popup-min-width */
    | '--min-width'
    /** z-index. default: 1000. globalvariable: --rt-center-popup-z-index */
    | '--z-index'
  >
